<template>
  <div>
    <h2>欢迎使用本管理系统</h2>
    <!-- <div ref="chart1" class="chart1"></div> -->

  </div>
</template>

<script setup lang="ts">
// import * as echarts from "echarts";
// import request from "@/util/request";
// import { onMounted,ref } from "vue";

// const chart1 = ref();

// const option = {
//   title: {
//     text: "内容数量前50报表",
//     subtext: "内容数量饼图",
//     left: "center",
//   },
//   tooltip: {
//     trigger: "item",
//   },
//   legend: {
//     orient: "vertical",
//     left: "left",
//   },
//   series: [
//     {
//       name: "Access From",
//       type: "pie",
//       radius: "50%",
//       data: [
//         { value: 1048, name: "Search Engine" },
//         { value: 735, name: "Direct" },
//         { value: 580, name: "Email" },
//         { value: 484, name: "Union Ads" },
//         { value: 300, name: "Video Ads" },
//       ],
//       emphasis: {
//         itemStyle: {
//           shadowBlur: 10,
//           shadowOffsetX: 0,
//           shadowColor: "rgba(0, 0, 0, 0.5)",
//         },
//       },
//     },
//   ],
// };

// const initeCharts = () => {
//   let myChart = echarts.init(chart1.value);
//   // console.log("div.value = ",div.value);
//   // 绘制图表
//   myChart.setOption(option);
// };

// onMounted(() => {
//   request({url:"/navContent/queryTop",data:{limit: 10}}).then(res => {
//     if (res.data.code > 0) {
//       option.series[0].data = res.data.data.map((v:any) => ({value: v.count,name: v.nav_name}))
//       console.log("option.series[0].data = ",option.series[0].data);
//       initeCharts();
//     }
//   })
// });
</script>

<style scoped lang="scss">
.chart1 {
  width: 600px;
  height: 600px;
}
</style>
